Browser elements in separate windows
Skin SDK - Browser Elements in Separate Windows
Presented here are xml code examples to have individual browser elements in separate windows.
Refer to these topics for full specification.
Browser in Window
Custom Browser
Sideview (clone):
<window name="sideview" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<sideview>
<size width="1024-10" height="768-10"/>
<pos x="5" y="5"/>
<background color="browserback" bordercolortop="bordercolor" bordercolor="bordercolor" bordersize="1"/>
<colors text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive">
<grids background="browsergrid_bg" text="textbrowser" selectedtext="texton" focustext="texton" over="browsergrid_over" selected="browsergrid_selected" focus="browsergrid_focus" label="textdark"/>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<toolbars background="background" text="textoff" iconbackground="browserback" border="bordercolor" backgroundselected="browser_toolbarbutton" backgroundmouseover="browser_toolbarbuttonover" icon="textoff3"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</sideview>
</window>
Karaoke:
<window name="karaoke" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" text="KARAOKE"/>
</textzone>
<button action="karaoke">
<pos x="1024-45-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="karaoke" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#003300" shape="square" border="bordercolor" border_size="1" radius="2"/>
<down color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="karaoke_options" query="off">
<pos x="1024-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="settings" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="show_window karaoke" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<filelist source="karaoke">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>
Automix:
<window name="automix" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" text="AUTOMIX"/>
</textzone>
<textzone>
<pos x="225" y="5"/>
<size width="200" height="50"/>
<text fontsize="14" color="white" align="left" dx="20" dy="5" action="get_text 'REMAINING: `get_playlist_time`'"/>
</textzone>
<button action="automix">
<pos x="1024-45-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="karaoke" color="textoff3" colorover="texton" width="28" height="28"/>
<down color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<over color="#333333" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="playlist_options" query="off">
<pos x="1024-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="settings" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="show_window automix" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<filelist source="automix">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>
Sidelist:
<window name="sidelist" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" text="SIDELIST"/>
</textzone>
<button action="sidelist_options" query="off">
<pos x="1024-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="settings" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="show_window sidelist" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<filelist source="sidelist" headerheight="1">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>
Sideview Recommend:
<window name="linked" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" action="setting sideviewReco 'SIMILAR' ? get_text 'SIMILAR' : setting sideviewReco 'NEXT' ? get_text 'RECOMENDED' : setting sideviewReco 'LINKED' ? get_text 'LINKED' : setting sideviewReco 'REMIXES' ? get_text 'REMIXES'"/>
</textzone>
<button action="sidereco_options" query="off">
<pos x="1024-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="settings" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="show_window linked" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<filelist source="remixes">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>
Ask the DJ:
<window name="ask" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" text="ASK REQUESTS"/>
</textzone>
<button action="show_window ask" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<filelist source="askTheDJ:">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>
Sampler:
<window name="sampler" posx="100" posy="100" width="1024" height="768" image="gfx-pro.png" shown="false" >
<background x="1817" y="0" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 0"/>
<background x="1817" y="210" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 1"/>
<background x="1817" y="106" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 2"/>
<background x="1817" y="312" width="100" height="100" repeat="true" condition="var_equal '@$colorscheme' 3"/>
<square border="2" border_color="white">
<size width="1024" height="768"/>
<pos x="0" y="0"/>
</square>
<textzone>
<pos x="5" y="5"/>
<size width="200" height="50"/>
<text fontsize="24" color="white" align="left" dx="20" dy="0" text="SAMPLER"/>
</textzone>
<button action="deck master sampler_bank -1" query="off">
<pos x="267" y="10"/>
<size width="40" height="40"/>
<icon sysicon="arrowleft" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="deck master sampler_bank" query="off">
<pos x="312" y="10"/>
<size width="400" height="40"/>
<text fontsize="14" action="get_sampler_bank" color="textoff3" colorover="texton" width="390" height="36" align="center" dx="5" dy="2"/>
<over color="#333333" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="deck master sampler_bank +1" query="off">
<pos x="717" y="10"/>
<size width="40" height="40"/>
<icon sysicon="arrowright" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="sampler_mode" query="off">
<pos x="1024-45-45-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="sampler_mode" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="sideview_triggerpad" query="off">
<pos x="1024-45-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="sideview_triggerpad" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="sampler_options sideview" query="off">
<pos x="1024-45-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="settings" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#006600" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<button action="show_window sampler" query="off">
<pos x="1024-45" y="10"/>
<size width="40" height="40"/>
<icon sysicon="close" color="textoff3" colorover="texton" width="28" height="28"/>
<over color="#db333f" shape="square" border="bordercolor" border_size="1" radius="2"/>
<off color="buttonoff" shape="square" border="bordercolor" border_size="1" radius="2"/>
</button>
<sampler visibility="sideview_triggerpad">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
</sampler>
<filelist source="sampler" visibility="not sideview_triggerpad">
<size width="1024-10" height="768-60"/>
<pos x="5" y="55"/>
<colors>
<lists text="textbrowser" background="browserback" stripes="browserstripe" over="browserover" overstripes="browseroverstripe" focus="browseroverfocus" selected="browser_selected" text="textbrowser" overtext="textbrowser" selectedtext="texton" focustext="texton" automix="browser_automix" livefeedback="#2a8d75" download="browser_download" scan="browser_scan" button="browser_button" buttonactive="browser_buttonactive"/>
<columns background="background" text="textoff3"/>
<scrollbars background="browser_scrollbar" button="browser_scrollbtn"/>
</colors>
</filelist>
</window>